<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>一尺三寸</title>
  [#include "/theme/adminlte/common/sites.html" /]
  [@header /]

</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

  <header class="main-header">
    [@nav  1 /]
  </header>
  <!-- Full Width Column -->
  <div class="content-wrapper">
    <div class="container">
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <!-- Left col -->
          <section class="col-lg-7 connectedSortable ui-sortable">
            <!-- Custom tabs (Charts with tabs)-->
            <div class="nav-tabs-custom" style="cursor: move;">
              <!-- Tabs within a box -->
              <ul class="nav nav-tabs  ui-sortable-handle">
                <li class="active"><a href="#revenue-chart" data-toggle="tab">综合资讯</a></li>
                <li><a href="#sales-chart" data-toggle="tab">软件更新资讯</a></li>
              </ul>
              <div class="tab-content no-padding">
                <!-- Morris chart - Sales -->
                <div class="chart tab-pane active" id="revenue-chart" style="position: relative; ">
                  <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                    [#list 1..10 as item]
                    <li class="item">
                      <a href="#">开源分布式关系型数据库 PingCAP 完成 B 轮融资</a>
                    </li>
                    [/#list]
                  </ul>
                </div>
                <div class="chart tab-pane" id="sales-chart" style="position: relative; ">
                  <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                    [#list 1..10 as item]
                    <li class="item">
                      <a href="#">开源事件：法院认定 GPL 为“具备强制执行力的合同”</a>
                    </li>
                    [/#list]
                  </ul>
                </div>
              </div>
            </div>
            <!-- /.nav-tabs-custom -->
            [#if articles??]
            [#list articles as item]
            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="${siteurl}space/${(item.user.id)!'0'}.htm"> <img class="img-circle" src="${siteurl}dist/img/user1-128x128.jpg" alt="User Image"></a>
                  <span class="username"><a href="${siteurl}space/${(item.user.id)!'0'}.htm">${(item.user.name)!""}</a></span>
                  <span class="description">${item.lastDate!""}</span>
                </div>
                <!-- /.user-block -->
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <!-- Attachment -->
                <div class="attachment-block clearfix">
                  <img class="attachment-img" src="${siteurl}dist/img/photo1.png" alt="Attachment Image">

                  <div class="attachment-pushed">
                    <h4 class="attachment-heading"><a href="${siteurl}article/view/${item.id}.htm">${item.title!""}</a></h4>

                    <div class="attachment-text">
                      ${item.introduction!""}
                    </div>
                    <!-- /.attachment-text -->
                  </div>
                  <!-- /.attachment-pushed -->
                </div>
                <!-- /.attachment-block -->

                <!-- Social sharing buttons -->
                <button type="button" class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
                <button type="button" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
                <span class="pull-right text-muted">45 likes - 2 comments</span>
              </div>
              <!-- /.box-body -->
            </div>
            [/#list]
            [/#if]

          </section>
          <!-- /.Left col -->
          <!-- right col (We are only adding the ID to make the widgets sortable)-->
          <section class="col-lg-5 connectedSortable ui-sortable">

            <div class="box box-widget widget-user">
              <!-- Add the bg color to the header using any of the bg-* classes -->
              <div class="widget-user-header bg-black" style="background: url('dist/img/photo1.png') center center;">
                <h3 class="widget-user-username">Elizabeth Pierce</h3>
                <h5 class="widget-user-desc">Web Designer</h5>
              </div>
              <div class="widget-user-image">
                <img class="img-circle" src="dist/img/user3-128x128.jpg" alt="User Avatar">
              </div>
              <div class="box-footer">
                <div class="row">
                  <div class="col-sm-4 border-right">
                    <div class="description-block">
                      <h5 class="description-header">3,200</h5>
                      <span class="description-text">SALES</span>
                    </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                  <div class="col-sm-4 border-right">
                    <div class="description-block">
                      <h5 class="description-header">13,000</h5>
                      <span class="description-text">FOLLOWERS</span>
                    </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                  <div class="col-sm-4">
                    <div class="description-block">
                      <h5 class="description-header">35</h5>
                      <span class="description-text">PRODUCTS</span>
                    </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                </div>
                <!-- /.row -->
              </div>
            </div>

            <div class="box box-widget">
              <div class="box-header with-border">
                <h3 class="box-title">最新用户</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body no-padding">
                <ul class="users-list clearfix">
                  [@newuser size=12]
                  [#list list as item]
                  <li>
                    <a  href="${siteurl}space/${item.id}.htm"><img src="dist/img/user1-128x128.jpg" alt="User Image"></a>
                    <a class="users-list-name" href="${siteurl}space/${item.id}.htm">${item.name!'代码人'}</a>
                  </li>
                  [/#list]
                  [/@newuser]
                </ul>
                <!-- /.users-list -->
              </div>
              <!-- /.box-body -->
              <div class="box-footer text-center">
                <a href="javascript:void(0)" class="uppercase">查看更多用户</a>
              </div>
              <!-- /.box-footer -->
            </div>

            <div class="box box-widget">
              <div class="box-header ui-sortable-handle" style="cursor: move;">
                <i class="fa fa-comments-o"></i>
                <h3 class="box-title">Chat</h3>
              </div>
              <div class="slimScrollDiv" style="position: relative; ">
                <div class="box-body chat" id="chat-box" >
                [#list 1..10 as item]
                <!-- chat item -->
                <div class="item">
                  <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline">

                  <p class="message">
                    <a href="#" class="name">
                      <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
                      Susan Doe
                    </a>
                    I would like to meet you to discuss the latest news about
                    the arrival of the new theme. They say it is going to be one the
                    best themes on the market
                  </p>
                </div>
                <!-- /.item -->
                [/#list]
              </div>
              </div>
            </div>

          </section>
          <!-- right col -->
        </div>
      </section>
      <!-- /.content -->
    </div>
    <!-- /.container -->
  </div>
  <!-- /.content-wrapper -->

  [@footer /]
</div>
<!-- ./wrapper -->

[@scripts /]
</body>
</html>
